<!--
 * @Author: your name
 * @Date: 2021-12-22 14:19:25
 * @LastEditTime: 2021-12-27 11:44:18
 * @LastEditors: your name
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \xy-web-xiaoxi\src\views\profile\index.vue
-->
<template>
  <div class="bucket-container">
    <div class="bucket-navbar-container">
      <div class="bucket-menu-title">
        <span>用户设置</span>
      </div>
      <el-menu
        class="bucket-menu"
        :router="true"
      >
        <el-menu-item index="/profile/info">
          <i class="el-icon-postcard" />
          <span slot="title">基本信息</span>
        </el-menu-item>
        <el-menu-item index="/profile/password">
          <i class="el-icon-key" />
          <span slot="title">修改密码</span>
        </el-menu-item>
        <el-menu-item index="/profile/avatar">
          <i class="el-icon-picture-outline-round" />
          <span slot="title">修改头像</span>
        </el-menu-item>
        <el-menu-item index="/profile/signature">
          <i class="el-icon-coordinate" />
          <span slot="title">签名管理</span>
        </el-menu-item>
      </el-menu>
      <!-- <div class="bucket-menu-title">
        <span>系统设置</span>
      </div>
      <el-menu
        class="bucket-menu"
        :router="true">
        <el-menu-item index="/flow/flow_new">
          <i class="el-icon-view"></i>
          <span slot="title">显示设置</span>
        </el-menu-item>
        <el-menu-item index="/flow/flow_new">
          <i class="el-icon-message"></i>
          <span slot="title">消息设置</span>
        </el-menu-item>
      </el-menu> -->
      <!-- <div class="bucket-menu-title">
        <span>消息管理</span>
      </div> -->
      <!-- <el-menu
        class="bucket-menu"
        :router="true">
        <el-menu-item index="/flow/flow_new">
          <i class="el-icon-time"></i>
          <span slot="title">历史消息</span>
        </el-menu-item>
        <el-menu-item index="/flow/flow_new">
          <i class="el-icon-chat-dot-square"></i>
          <span slot="title">发送消息</span>
        </el-menu-item>
      </el-menu> -->
    </div>
    <div class="bucket-main-container">
      <div class="bucket-main-header" />
      <router-view />
    </div>
  </div>
</template>

<script>
export default {
  mounted() {
  }
}
</script>

<style>
.bucket-main-container{
height: 100vh;
}

</style>
